import './index.scss'
import { DndProvider } from 'react-dnd'
// import { HTML5Backend } from 'react-dnd-html5-backend'
import { TouchBackend } from 'react-dnd-touch-backend'
import Box from './drag'
import DropContainer from './drop'

export default function LowCode() {
	return (
		<div className="low-code" flex="main:justify">
			<DndProvider backend={TouchBackend}>
				<div className="left">
					<Box type="Button" text="按钮" />
					<Box type="Checkbox" text="多选框" />
				</div>
				<div className="right">
					<DropContainer />
				</div>
			</DndProvider>
		</div>
	)
}